home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / CHAP09 / dyn9_3.txt < prev    next >
Encoding:
Text File  |  1997-10-02  |  4.2 KB  |  113 lines
  1. <HTML>
  2.  
  3. <HEAD>
  4.  
  5. <TITLE>The Giant Squid Research Team</TITLE>
  6.  
  7. </HEAD>
  8.  
  9. <BODY BACKGROUND="water.jpg" TEXT=#FFFFFF LINK=FFFF22 VLINK=FF22FF>
  10.  
  11. <STYLE>
  12.  
  13. .redText {color:Red;
  14.  
  15.           font-style=italic;}
  16.  
  17. .yellowText {color:Yellow;
  18.  
  19.            font-style=italic;}
  20.  
  21. </STYLE>
  22.  
  23. <IMG SRC="giant.gif" WIDTH=128 ALIGN=RIGHT>
  24.  
  25. <H2>The Research Team</H2>
  26.  
  27. <TABLE><TR>
  28.  
  29. <TD></TD>
  30.  
  31. <TD WIDTH=120><B>Name</B></TD>
  32.  
  33. <TD WIDTH=120  CLASS="yellowText">Nationality</TD>
  34.  
  35. <TD WIDTH=50  CLASS="yellowText">Age</TD>
  36.  
  37. <TD CLASS="yellowText">Duties</TD>
  38.  
  39. </TR>
  40.  
  41. <TR><TD>
  42.  
  43. <IMG ID=R1 SRC="1.jpg" onmouseover="ExpandR();" ALIGN=LEFT HEIGHT=32>
  44.  
  45. </TD>
  46.  
  47. <TD><DIV ID=veng CLASS="yellowText">Goreng Veng</DIV></TD>
  48.  
  49. <TD>Vietnamese</TD>
  50.  
  51. <TD>33</TD>
  52.  
  53. <TD>Cephalopod Specialist</TD>
  54.  
  55. </TR><TR><TD>
  56.  
  57. <IMG ID=R2 SRC="2.jpg" onmouseover="ExpandR();" ALIGN=LEFT HEIGHT=32>
  58.  
  59. </TD>
  60.  
  61. <TD><DIV ID=binte CLASS="yellowText">Chaka Binte</DIV></TD>
  62.  
  63. <TD>American</TD>
  64.  
  65. <TD>31</TD>
  66.  
  67. <TD>Marine Biologist</TD>
  68.  
  69. </TR><TR><TD>
  70.  
  71. <IMG ID=R3 SRC="3.jpg" onmouseover="ExpandR();" ALIGN=LEFT HEIGHT=32>
  72.  
  73. </TD>
  74.  
  75. <TD><DIV ID=charrez CLASS="yellowText">Ernesto Charrez</DIV></TD>
  76.  
  77. <TD>Chilean</TD>
  78.  
  79. <TD>36</TD>
  80.  
  81. <TD>Technologist</TD>
  82.  
  83. </TR><TR><TD>
  84.  
  85. <IMG ID=R4 SRC="4.jpg" onmouseover="ExpandR();" ALIGN=LEFT HEIGHT=32>
  86.  
  87. </TD>
  88.  
  89. <TD><DIV ID=genf CLASS="yellowText">Carl Genf</DIV></TD>
  90.  
  91. <TD>German</TD>
  92.  
  93. <TD>42</TD>
  94.  
  95. <TD>Head Diver</TD>
  96.  
  97. </TR><TR><TD>
  98.  
  99. <IMG ID=R5 SRC="5.jpg" onmouseover="ExpandR();" ALIGN=LEFT HEIGHT=32>
  100.  
  101. </TD>
  102.  
  103. <TD><DIV ID=white CLASS="yellowText">Thomas White</DIV></TD>
  104.  
  105. <TD>Australian</TD>
  106.  
  107. <TD>33</TD>
  108.  
  109. <TD>Marine Biologist</TD>
  110.  
  111. </TR>
  112.  
  113. </TABLE>
  114.  
  115. <IMG ID=feature src="1.jpg" HEIGHT=128 WIDTH=128 ALIGN=RIGHT>
  116.  
  117. <P ID=detail>Details:</P>
  118.  
  119. <SCRIPT LANGUAGE=JavaScript>
  120.  
  121. var srcElement
  122.  
  123. function ExpandR() {
  124.  
  125.   veng.className="yellowText";
  126.  
  127.   binte.className="yellowText";
  128.  
  129.   charrez.className="yellowText";
  130.  
  131.   genf.className="yellowText";
  132.  
  133.   white.className="yellowText";
  134.  
  135.   srcElement = window.event.srcElement;
  136.  
  137.   if (srcElement.id=="R1") {
  138.  
  139.      veng.className="redText";
  140.  
  141.      feature.src = "1.jpg";
  142.  
  143.      detail.innerHTML="<B>Goreng</B> began his fascination with the " +
  144.  
  145.        "sea at 6 years of age.  He is an integral member of the " +
  146.  
  147.        "team for both his deep understanding of the Cephalopod " +
  148.  
  149.        "species and his ability to speak 4 southeast Asian languages " +
  150.  
  151.        "and impressive English.  Goreng is always smiling while he works";
  152.  
  153.   } else if (srcElement.id=="R2") {
  154.  
  155.      binte.className="redText";
  156.  
  157.      feature.src = "2.jpg";
  158.  
  159.      detail.innerHTML="<B>Chaka</B> has been working in the water " +
  160.  
  161.        "since her father taught her how to fish off the coast of West " +
  162.  
  163.        "Africa at the age of seven.  The team always admires her " +
  164.  
  165.        "natural sixth sense of intuition that has saved the team " +
  166.  
  167.        "countless hours of wasted efforts.";
  168.  
  169.   } else if (srcElement.id=="R3") {
  170.  
  171.      charrez.className="redText";
  172.  
  173.      feature.src = "3.jpg";
  174.  
  175.      detail.innerHTML="<B>Ernesto</B> has an amazing grasp of today's " +
  176.  
  177.        "computer capabilities as well as a great philosophical attitude " +
  178.  
  179.        "towards its use.  He always reminds us that technology does not " +
  180.  
  181.        "make human beings any more important, but instead, gives us " +
  182.  
  183.        "more responsibility in the future of all living things.";
  184.  
  185.   } else if (srcElement.id=="R4") {
  186.  
  187.      genf.className="redText";
  188.  
  189.      feature.src = "4.jpg";
  190.  
  191.      detail.innerHTML="Every team has its fanatic.  Ours is no " +
  192.  
  193.        "exception.  <B>Carl</B> drives us on to new accomplishments " +
  194.  
  195.        "with a friendly reminder that he does not have as many years " +
  196.  
  197.        "ahead of him as the rest of us.  We have yet to hear him say the " +
  198.  
  199.        "word <I>impossible</I>";
  200.  
  201.   } else if (srcElement.id=="R5") {
  202.  
  203.      white.className="redText";
  204.  
  205.      feature.src = "5.jpg";
  206.  
  207.      detail.innerHTML="<B>Tommy</B> tries to tell us that we are in his " +
  208.  
  209.        "part of the world so he should have first say.  Another one of " +
  210.  
  211.        "the natural outdoorsmen of the group, he balances his talents " +
  212.  
  213.        "with a quick wit and incredible athletic preparation.";
  214.  
  215.   }
  216.  
  217. }
  218.  
  219. </SCRIPT>
  220.  
  221. </BODY>
  222.  
  223. </HTML>
  224.  
  225.